<template>
  <div>
    <el-card style="margin-left:15%;margin-top:50px;width: 1200px;">
        <div style="display:flex;">
            <el-button type="success" icon="el-icon-check" circle></el-button>
            <h2 style="padding: 10px;">订单已被确认接收，请您及时付款，以便尽快为您发货</h2>
        </div>
        <div style="position: relative;">
            <h3>订单号：{{oid}}</h3>
            <div style="position: absolute;right: 0px;top:-5px">
                <h3>应付金额：{{money}}</h3>
            </div>
        </div>
    </el-card>
    <div class="plateBox1">
        <h2>支付平台</h2>
        <div class="pay1">
            <ul>
                <li><img src="../../assets/images/pay2.jpg"/></li>
                <li><img src="../../assets/images/pay3.jpg"/></li>
            </ul>
        </div>
    </div>
    <div class="plateBox2">
        <h2>网银平台</h2>
        <div class="pay2">
            <ul>
                <li><img src="../../assets/images/pay10.jpg"/></li>
                <li><img src="../../assets/images/pay11.jpg"/></li>
                <li><img src="../../assets/images/pay12.jpg"/></li>
                <li><img src="../../assets/images/pay13.jpg"/></li>
            </ul>
        </div>
    </div>
    <div class="btn">
        <div style="padding-left: 500px;">
            <el-button type="danger">立即支付</el-button>
        </div>
        
    </div>
  </div>
</template>
<script>
export default {
    name:'Pay',
    data(){
        return{
            oid:11111,
            money:100
        }
    }
    }
</script>
<style lang="less" scoped>
    .plateBox1{
        margin-left:15%;
        padding: 20px;
        width: 1160px;
        margin-top:20px;
        border: 1px solid #ddd;

        .pay1 {
            margin: 10px 10px 12px 20px;

            ul {
                font-size: 0;

                li {
                    margin: 2px;
                    display: inline-block;
                    padding: 5px 20px;
                    border: 1px solid #ddd;
                    cursor: pointer;
                    line-height: 18px;
                }
            }
        }
    }
    .plateBox2{
        margin-left:15%;
        width: 1160px;
        padding: 20px;
        border: 1px solid #ddd;

        .pay2 {
            margin: 10px 10px 12px 20px;

            ul {
                font-size: 0;

                li {
                    margin: 2px;
                    display: inline-block;
                    padding: 5px 20px;
                    border: 1px solid #ddd;
                    cursor: pointer;
                    line-height: 18px;
                }
            }
        }
    }
    
    .btn{
        margin-left:15%;
        padding: 20px;
        width: 1160px;
        border: 1px solid #ddd;
    }
</style>
